<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="./Public/Home/org/content.css"/>
	</head>
	<script src="./Public/jquery-1.8.2.min.js"></script>
	<script type="text/javascript">
		$(function(){
			$(".anpai").click(function(){
//				alert(1);
				var a=$('.shops').text();
				var b=$('.inventory').text();
				var id={{Q('get.sid')}};				
				var sname="{{$shopDetailedata['sname']}}";
								
				
				var listgroup="{{$shopDetailedata['atlas']}}";

				var str='';
						$.each($('.bk'),function(){
							str+=$(this).attr('sid') + ',';
						})
				var spec=[];
				$.each($('.xuanze'),function(k,v){
					var gtname=$(this).find('span').text();
					var gtvalue=$(this).find('.bk').text();
					spec.push(gtname+':'+gtvalue);
				})

				$.ajax({
					type:'post',
					url:"{{U('Cart/add')}}",
					data:{money:a,pid:b,id:id,spec:spec,name:sname,listgroup:listgroup,str:str},
					dataType:'json',
					success:function(db){
						if(db){
							alert('添加成功');
							parent.location.href="{{U('Cart/index')}}";
						}
					}
				})
			})
//			num=1;
////			减一件商品
//			$(".jian").click(function(){
//				num--;
//				if(num<=1){
//					num=1;
//				}
//				$(".num").val(num);				
//			})
////			加一件商品
//			$(".jia").click(function(){				
//				num++;
//				$('.num').val(num);
//			})			
//			商品属性的选择异步
			$('.xuanze li').click(function(){				
				$(this).addClass('bk').siblings().removeClass('bk');
//				商品属性的个数
				var liLen=$('.xuanze').length;	
//				选中属性的个数
				var bkLen=$('.bk').length;
//				如果他们相等 就说明用户已经选好了所有的商品属性
					if(bkLen==liLen){
						var str='';
						$.each($('.bk'),function(){
							str+=$(this).attr('sid') + ',';
						})
						$.ajax({
							type:"post",
							url:"{{U('Content/getattr')}}",
							data:{str:str},
							dataType:'json',
							success:function(phpData){
								$('.inventory').html(phpData.inventory);		
							}						
						})						
					}
			})
		})	
	</script>
	<body>
		{{include file="../Common/head"}}
			<div class="car_show">
				<div class="cartu">
					<img width="486" height="359" src="{{$shopDetailedata['atlas']}}"/>
				</div>
				<div class="car_content">
					<div class="content-title">
						<h2 class="detail-info-title">{{$shopDetailedata['sname']}}</h2>
						<br />						
					</div>
				
					
					<div class="detail-form">
						<ul>
							<li><dt class="yikoujia">&nbsp;&nbsp;&nbsp;&nbsp;一口价：</dt>￥<span class="shops">{{$shopDetailedata['shop']}}</span>万</li>
						</ul>
					</div>
					<div class="kucun">
						<p id="p1">市场价： ￥{{$shopDetailedata['market']}}万</p>
						<p id="p2" >&nbsp;库存：<span class="inventory">{{$shopDetailedata['stock']}}</span>辆</p>
					</div>
					<div class="ticheinfo">
						{{foreach from="$finalAttr" value="$v"}}
						<ul class="xuanze">
							
							<span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{{$v['name']}}:</span>
								{{foreach from="$v['value']" value="$value"}}
									<li class="sid" sid="{{$value['sid']}}">{{$value['shop_attributecol']}}</li>
								{{endforeach}}							
						</ul>
						{{endforeach}}
						<div class="qianggou">
							<a class="qiang" href="{{U('Tijiao/index')}}">立即抢购</a>
							<a class="anpai" href="javascript:;">加入购物车</a>
						</div>
						<div class="fuwu">
							<i class="dianhua"></i>
							<span>任何购车问题请拨打：13941148919</span>
						</div>
					</div>
				</div>
			</div>
			<!--购买说明-->
			<div class="gmsm">
				<!--购买说明左侧-->
				<div class="qtsp">
					<div class="other">看过车的人还看过</div>
					{{foreach from="$shopData" value="$v"}}
					<a href="{{U('Content/index',array('sid'=>$v['sid']))}}"><li>
						<img src="{{$v['listGraph']}}"/>
						<em>¥</em>
						<span id="">{{$v['shop']}}万</span>
						<p>{{$v['sname']}}</p>
						<div class="carbox-tip" title="新车上市，车商城独家任性抢先购，享受购置税减半政策，点击商品介绍头图，领取千元大礼，百分百中奖率。">
                    		新车上市，车商城独家任性抢先购，享受购置税减半政策。
                		</div>
                		<div class="carbox-number">
                    	已有
                    	<span id="onePriceSaleCount-137512" style="">2</span>条购买记录
               			 </div>
                		<span class="carbox-producttype">一口价</span>
					</li></a>
					{{endforeach}}					
				</div>
				<!--左侧结束-->
				<!--购买说明右侧-->
				<div class="xiangqing">
					<div class="goumai_tap">
						<ul>
							<a href="javacript:;"><li>购买说明</li></a>
							<!-- <a href=""><li>参数配置</li></a>
							<a href=""><li>实拍图</li></a> -->
							<!--<a href=""><li>购买记录</li></a>
							<a href=""><li>问题咨询</li></a>
							<a href=""><li>累计评价</li></a>-->
						</ul>
					</div>
					{{$shopDetailedata['detailed']}}
				</div>
				<!--右侧结束-->
			</div>			
		</div>
		<!--公共底部-->
		{{include file="../Common/footer"}}
	</body>
</html>
